$(function () {
    //1.添加 自定义 表单检测--------------------
    layui.form.verify({
        nickname(val) {
            if (val.trim().length < 1 || val.trim().length > 6) return '必须在 1-6 个字符之间'
        }
    })

    // layui.form.val('userForm', {
    //     id: '110',
    //     username: '怪咖',
    //     nickname: '小怪兽'
    // })

    //2.定义获取用户信息的方法----------------------
    getUserInfo() //调用方法
    function getUserInfo() {
        $.ajax({
            method: 'GET',
            url: '/my/userinfo',
            success(res) {
                //如果请求失败 提示错误
                if (res.status !== 0) return layui.layer.msg(res.message);
                //如果成功 则将返回的数据填充给表单元素
                layui.form.val('userForm', res.data)
            }
        })
    }


    //3.重置按钮------------------------
    $('#btnReset').on('click', function () {
        getUserInfo() //调用方法
    })

    //4.为表单 注册 提交事件
    $('.layui-form').on('submit', function (e) {
        e.preventDefault();
        //1.获取表单数据
        let dataObj = $(this).serialize();
        //2.异步提交
        $.ajax({
            method: 'POST',
            url: '/my/userinfo',
            data: dataObj,
            success(res) {
                //如果请求失败 提示错误
                if (res.status !== 0) return layui.layer.msg(res.message);
                //请求成功 调用父元素的getUserInfo 重新请求并渲染 头像区域
                window.parent.getUserInfo();
                //提示修改成功
                layui.layer.msg(res.message)

            }
        })
    })
})